<template>
  <div class="visual-data">
    <view-template path="/visualData">
      <menu-list :menuList="menuMapList" title="大屏定制化需求"></menu-list>
      <menu-list :menuList="menuChartList" title="echart封装"></menu-list>
      <menu-list :menuList="menuComponentList" title="大屏常用组件"></menu-list>
      <menu-list :menuList="questionList" title="可视化需注意"></menu-list>
    </view-template>
  </div>
</template>

<script>
export default {
  name: 'visualData',
  data () {
    return {
      menuMapList: [{
        id: 1001,
        name: '地图打点',
        icon: 'environment',
        path: '/visualData/drawMap'
      },
      {
        id: 1002,
        name: '气泡图',
        icon: 'dot-chart',
        path: '/visualData/bubbleChart'
      },
      {
        id: 1003,
        name: 'WebGL绘图',
        icon: 'radar-chart',
        path: '/visualData/WebGL'
      },
      {
        id: 1004,
        name: '向量应用',
        icon: 'percentage',
        path: '/visualData/mathApply'
      },
      {
        id: 1005,
        name: 'threeJs',
        icon: 'code-sandbox',
        path: '/visualData/ThreeJS'
      }],
      menuChartList: [{
        id: 2001,
        name: '柱状图',
        icon: 'bar-chart',
        path: '/visualData/barChart'
      },
      {
        id: 2002,
        name: '饼图',
        icon: 'pie-chart',
        path: '/visualData/pieChart'
      }],
      menuComponentList: [{
        id: 3001,
        name: '向上滚动列表',
        icon: 'align-center',
        path: '/visualData/ListUp'
      },
      {
        id: 3002,
        name: '数字滚动',
        icon: 'transaction',
        path: '/visualData/CountUp'
      }],
      questionList: [{
        id: 4001,
        name: '大屏适配',
        icon: 'desktop',
        path: '/visualData/Desktop'
      },
      {
        id: 4002,
        name: 'echarts适配',
        icon: 'area-chart',
        path: '/visualData/AreaChart'
      }]
    }
  },
  components: {
  },
  created () {
  },
  methods: {
  }
}
</script>

<style>

</style>
